<%@page import="net.sf.json.JSONObject"%>
<%@page import="net.sf.json.JSONArray"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<%
	request.setAttribute("context", request.getContextPath());
%>

<link href="${context}/widget/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="${context}/css/themes/evidence.css"> 
<script src="${context}/jslib/jquery/jquery-1.9.1.js"></script>
<script src="${context}/js/echarts.js"></script>
<script src="${context}/js/app/evidence.js"></script>
<title>证据关联分析</title>

</head>
<body>
<script type="text/javascript">
var context="${context}";
</script>
<div>

	 <div class="sr-menu" style="width: 300px; overflow: hidden;">
	 		<div class="menuCount" style="position: relative; top: 0px; left: 0px; height: 120px;padding-top: 30px; ">
	 			<div class="lg">
	 				<a href="/zjgy-search" title="办案数据关联检索"></a>
	 			</div>
	 			<div style="position:absolute; top:70px; color: white; height: 50px; width: 100%; font-size: 16px;padding-top: 6px;">
	 				  &nbsp; 检索案由:
	 				  <input type="text" style="width: 195px; height: 37px;padding-left: 10px; color: black; border-radius:5px;" onkeyup="evidenceTree(this);">
	 			</div>
	 		</div>
 			<div id="tree" class="scroll menu">
 			</div>
	 </div>
	<!-- 图表 -->
	<div class="tu" style="width: auto; height:100%; position:absolute; top:0px;left:300px; right:0px; overflow-y: auto;overflow-x: hidden;">
		<div id ='wordCloud' style="height: 500px;float: none; text-align: center; ">
				<span style="font-size: 30px; display: block; position:relative; top: 250px; ">单击左边的案件查看对应证据图表</span>
		</div>
		<div style="width: 100%;height: auto;">	
			<!-- style="height: 500px; display: none; padding-left: 15px;padding-right:15px; position:absolute; top:500px;left:0px; right:500px; width:auto; " -->
			<div id ='pie' style="width: 50%;height: 500px;float: left;text-align: center; display: none;padding-left: 15px;padding-right:15px; " ></div>
			<!-- style="height: 500px; text-align: center; display: none; position: absolute; top: 500px;right: 0px;width: 500px;" -->
			<div id ='force' style="width:50%; height: 500px;float: left;text-align: center; display: none;padding-right:15px;">
			<div style="clear: both;"></div>
		</div>	
		</div>	
	</div>
</div>	

</body>
</html>